<?php get_header();?>
<div id="postlist">
	<div class="post-arc">
		<div class="posttitle-arc">
			<?php if ( is_day() ) : ?>
				<h2><?php printf( __( '%s', 'may701' ), get_the_date() ); ?></h2>
			<?php elseif ( is_month() ) : ?>
				<h2><?php printf( __( '%s', 'may701' ), get_the_date('F Y') ); ?></h2>
			<?php elseif ( is_year() ) : ?>
				<h2><?php printf( __( '%s', 'may701' ), get_the_date('Y') ); ?></h2>
			<?php elseif(is_category()) : ?>
				<h2><?php printf( __( '%s', 'may701' ), single_cat_title( '', false ) );?></h2>
			<?php elseif(is_author()) : ?>
				<?php if(have_posts()) : the_post(); ?>
				<h2><?php printf( __( '%s', 'may701' ),get_the_author() ); ?><?php _e('ofAuthor','may701')?></h2>
				<?php endif; ?>
			<?php else : ?>
				<h2><?php _e( 'Archives', 'may701' ); ?></h2>
			<?php endif; ?>
		</div>
		<div class="clear"></div>
		<div class="entry-arc">
				<ol>
				<?php $posts = query_posts($query_string . '&orderby=date&showposts=15'); ?>
				<?php if(have_posts()) : while (have_posts()) : the_post(); ?>
				<li style="position:relative">
					<img src="<?php bloginfo('template_directory'); ?>/images/list.jpeg" />
					<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
					<span><?php the_author_posts_link(); ?><br/><span class="arc-view"><?php _e('view','may701');?><?php echo getPostViews(get_the_ID());?><?php _e('numbers','may701')?></span><br/><span class="arc-comment"><?php _e('comment','may701');?><?php $a=get_comment_count(get_the_ID()); echo $a['approved'];?><?php _e('numbers','may701')?></span><br/><span class="arc-time"><?php the_time('Y-m-d'); ?></span></span>
					<?php the_excerpt(); ?>
				</li>
				<?php endwhile; endif; ?>
				</ol>
			<br/>
		</div>
	</div>
	<div class="pagenavi"><?php pagenavi(); ?></div>	
</div>
<?php get_footer(); ?>
<script type="text/javascript">
	$(document).ready(function(){
		$("ol li").css("left","-750px")
		for(i=0;i<15;i++)
			$("ol li:eq("+i+")").animate({"left":"0px"},1000+i*100,"easeOutQuad",function(){})
	})
</script>